 <!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">    
    <meta name="viewport" content="width=device-width, initial-scale=1">
	 <title>麦当劳</title>
	
	 <link rel="stylesheet" href="assets/css/bootstrap.min.css"> 
	 <link rel="stylesheet" href="assets/css/style.css">
	 <script src="assets/js/jquery.min.js"></script>
	 <script src="assets/js/popper.min.js"></script>
	 <script src="assets/js/bootstrap.min.js"></script>
	 <!--[if lt IE 9]>
	 　　<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
	 　　<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	 <![endif]-->
	 </head>
	 
	 
	 <body>
	 <div class="site-wrapper container container-fluid">
 
	 <header class="header-section section position-static">
		 <!--头部-->
		 
		 <nav class="navbar fixed-top  container bg-light navbar-light navbar-expand-md">
		 	<a class=" navbar-brand" href="index.html">
		 		<img style="width: 60px;height: 60px;" src="assets/images/logo.png" alt="clothes">
		 	</a>				
		 	<!-- 设置汉堡按钮 -->
		 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse">
		 	  <span class="navbar-toggler-icon"></span>
		 	</button>
	  <!-- 导航栏-->
	  <div class="collapse navbar-collapse" id="navbarcollapse">
	  	<ul class="navbar-nav nav-tabs">
	  		<li class="nav-item"><a class="nav-link" href="index.html">首页</a></li>
	  		<li class="nav-item dropdown">
	  			<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
	  				购物 <b class="caret"></b>
	  			</a>
	  			<ul class="dropdown-menu">
	  				<li><a class="dropdown-item" href="gouwu.html">产品浏览</a></li>
	  				
	  			</ul>
	  		</li>
	  		<li class="nav-item dropdown">
	  			<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
	  				个人中心 <b class="caret"></b>
	  			</a>
	  			<ul class="dropdown-menu">
	  				<li><a class="dropdown-item" href="login.html">注册登录</a></li>
	  			
	  			</ul>
	  		</li>
			<li class="nav-item dropdown">
				<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
					美味时刻 <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a class="dropdown-item" href="#">活动一</a></li>
					<li><a class="dropdown-item" href="#">活动二</a></li>
				</ul>
			</li>
			<li class="nav-item dropdown">
				<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
					亲子活动 <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a class="dropdown-item" href="#">爱成长</a></li>
					<li><a class="dropdown-item" href="#">开心生日会</a></li>
				</ul>
			</li>
			
	  	</ul>
	  </div>
	
	  
	
	  </header>
	  <!--头部end-->
	  </header>
	 <!-- 图片轮播 Start -->
	 <div><!--中间-->
	
	  
	  <div id="demo" class=" carousel slide" data-ride="carousel">
	   
	    <!-- 指示符 -->
	    <ul class="carousel-indicators"> <!-- ，设置轮播指示符-->
	      <li data-target="#demo" data-slide-to="0" class="active"></li> <!-- (11)填写data-target属性-->
	      <li data-target="#demo" data-slide-to="1"></li>        <!-- (11)填写data-target属性-->
	      <li data-target="#demo" data-slide-to="2"></li>        <!-- (11)填写data-target属性-->
		  
		
	    </ul>
	   
	    <!-- 轮播图片 -->
	    <div class=" carousel-inner">  <!--轮播图-->    <!-- (12)填写class属性，设置轮播图片-->
	      <div class="carousel-item active">
	        <img src="assets/images/gouwutup/1.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
	      </div>
	      <div class="carousel-item">
	        <img src="assets/images/gouwutup/2.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
	      </div>
	      <div class="carousel-item">
	        <img src="assets/images/gouwutup/3.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
	      </div>
		  
	    </div>
	   <div><!--按钮-->
	    <!-- 左右切换按钮 -->
	    <a class="carousel-control-prev" href="#demo" data-slide="prev"><!-- (14)填写class属性，左切换按钮-->
	      <span class="carousel-control-prev-icon"></span>
	    </a>
	    <a class="carousel-control-next" href="#demo" data-slide="next"><!-- (15)填写data-slide属性，右切换按钮-->
	      <span class="carousel-control-next-icon"></span>
	    </a>
	   </div>
	  </div>
	  <!--图片轮播 End-->
	  </div>
	
		
		<div class="container-fluid">
		       <ul class="nav nav-pills" role="tablist">
		           <li class="nav-item">
		             <a class="nav-link active" data-toggle="pill" href="#home">套餐</a>
		           </li>
		           <li class="nav-item">
		             <a class="nav-link" data-toggle="pill" href="#menu1">主食</a>
		           </li>
		           <li class="nav-item">
		             <a class="nav-link" data-toggle="pill" href="#menu2">附食</a>
		           </li>
				  
		         </ul>
		       
		         <!-- Tab panes -->
		         <div class="tab-content">
		           <div id="home" class="container tab-pane active"><br>
		             <h3>套餐</h3>
					  <div class="container-fluid">
						  <div class="row">
							  <div class="col-lg-3 col-sm-6 col-12">
							      <div class="product-item bg-white">
							              <div class="image-wrap">
							                  <img src="assets/images/taocan/1.png" class="img-fluid rounded-circle listitemimage" alt="">
											  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
											  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
							              </div>
							             
							      </div>
							  </div>
							<div class="col-lg-3 col-sm-6 col-12">
							    <div class="product-item bg-white">
							            <div class="image-wrap">
							                <img src="assets/images/taocan/2.png" class="img-fluid rounded-circle listitemimage" alt="">
																		  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
																		  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
							            </div>
							           
							    </div>
							</div>
							
							
							  
						  </div>
		            </div>
					
					
					
		           </div>
		           <div id="menu1" class="container tab-pane fade"><br>
		             <h3>主食</h3>
		            <div class="container-fluid">
		            	  <div class="row">
		            		  <div class="col-lg-3 col-sm-6 col-12">
		            		      <div class="product-item bg-white">
		            		              <div class="image-wrap">
		            		                  <img src="assets/images/zhushi/1.png" class="img-fluid rounded-circle listitemimage" alt="">
		            					<a href="aaa/xiangqing1.html">  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a></a>	
		            						  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
		            		              </div>
		            		             
		            		      </div>
		            		  </div>
		            		<div class="col-lg-3 col-sm-6 col-12">
		            		    <div class="product-item bg-white">
		            		            <div class="image-wrap">
		            		                <img src="assets/images/zhushi/2.png" class="img-fluid rounded-circle listitemimage" alt="">
																			<a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
		            													  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
		            		            </div>
		            		           
		            		    </div>
		            		</div>
		            		<div class="col-lg-3 col-sm-6 col-12">
		            		    <div class="product-item bg-white">
		            		            <div class="image-wrap">
		            		                <img src="assets/images/zhushi/3.png" class="img-fluid rounded-circle listitemimage" alt="">
		            													  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
		            													  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
		            		            </div>
		            		           
		            		    </div>
		            		</div>
							<div class="col-lg-3 col-sm-6 col-12">
							    <div class="product-item bg-white">
							            <div class="image-wrap">
							                <img src="assets/images/zhushi/4.png" class="img-fluid rounded-circle listitemimage" alt="">
																		  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
																		  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
							            </div>
							           
							    </div>
							</div>
		            		
		            		  
		            	  </div>
		            </div>
					
					
					
					
		           </div>
		           <div id="menu2" class="container tab-pane fade"><br>
		             <h3>附食</h3>
		            <div class="container-fluid">
		            	  <div class="row">
		            		  <div class="col-lg-3 col-sm-6 col-12">
		            		      <div class="product-item bg-white">
		            		              <div class="image-wrap">
		            		                  <img src="assets/images/xiaochi/1.png" class="img-fluid rounded-circle listitemimage" alt="">
		            						  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
		            						  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
		            		              </div>
		            		             
		            		      </div>
		            		  </div>
		            		<div class="col-lg-3 col-sm-6 col-12">
		            		    <div class="product-item bg-white">
		            		            <div class="image-wrap">
		            		                <img src="assets/images/xiaochi/2.png" class="img-fluid rounded-circle listitemimage" alt="">
		            													  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
		            													  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
		            		            </div>
		            		           
		            		    </div>
		            		</div>
							<div class="col-lg-3 col-sm-6 col-12">
							    <div class="product-item bg-white">
							            <div class="image-wrap">
							                <img src="assets/images/yingping/1.png" class="img-fluid rounded-circle listitemimage" alt="">
																		  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
																		  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
							            </div>
							           
							    </div>
							</div>
							<div class="col-lg-3 col-sm-6 col-12">
							    <div class="product-item bg-white">
							            <div class="image-wrap">
							                <img src="assets/images/yingping/2.png" class="img-fluid rounded-circle listitemimage" alt="">
																		  <a href="aaa/xiangqing1.html">  <button type="button" class="btn btn-primary btn-sm">详情</button></a>
																		  <button type="button" class="btn btn-primary btn-sm">添加购物车</button>
							            </div>
							           
							    </div>
							</div>
		            		
		            		
		            		  
		            	  </div>
				</div>
				
				
					
					
				   </div>
		         </div>
		       </div>
		            
		 
		            
		 
		          
		         </div>
	
		<div ><img class="img-fluid" src="assets/images/huodong/99.jpg" style="margin-top: 20px;"></div> </body>